Skip to content

feat: add skeleton loading component#166

Open
Kusumitha24 wants to merge 2 commits intoalirezazim03:mainfrom
Kusumitha24:feat/skeleton-component
Open

feat: add skeleton loading component#166
Kusumitha24 wants to merge 2 commits intoalirezazim03:mainfrom
Kusumitha24:feat/skeleton-component

Conversation

@Kusumitha24
Copy link

Pull Request

Description

Brief description of the changes in this PR.

Type of Change

  • Bug fix (non-breaking change which fixes an issue)
  • [ yes] New component (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • Documentation update

Component Details (if applicable)

  • Component Name: Skeleton
    -Category: UI Feedback / Loaders
    -Framework: React + TypeScript

Checklist

  • My code follows the code style of this project
    -I have included a screenshot or demo of the component
    -I have added/updated appropriate documentation (README.md)
    -I have verified the component metadata follows the schema
    -All validation checks pass (pnpm validate)
    -The component includes proper MIT license attribution
    -I have tested the component in different screen sizes (if a

Screenshots

Please include screenshots or a demo of your component:

Additional Notes

-Added a reusable Skeleton component with CSS animation for loading placeholders.
-Supports width, height, and borderRadius props for flexible usage.
-Verified responsiveness and accessibility across screen sizes.
-Linked to Issue #162 ([COMPONENT]: Add Skeleton Component)
-Ready for review and inclusion in the next release ✨

@vercel
Copy link

vercel bot commented Oct 19, 2025

@Kusumitha24 is attempting to deploy a commit to the Ali Azimi's projects Team on Vercel.

A member of the Team first needs to authorize it.

@vercel
Copy link

vercel bot commented Oct 19, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
open-ui-library Ready Ready Preview Comment Oct 19, 2025 6:46pm

💡 Enable Vercel Agent with $100 free credit for automated AI reviews

@alirezazim03
Copy link
Owner

@Kusumitha24 make sure you componenet follows the folder strucutre of the other componenets, you only need the following 3 files: a .jsx, a .json and a .md

Copy link
Owner

@alirezazim03 alirezazim03 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Kusumitha24 make sure you componenet follows the folder strucutre of the other componenets, you only need the following 3 files: a .jsx, a .json and a .md

@Kusumitha24
Copy link
Author

Thank you for the feedback! 🙏
I’ve updated the Skeleton component to follow the project’s folder structure — now includes only .jsx, .json, and .md files as requested.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

Comments